<template>
  <main
    class="flex flex-col items-center justify-center min-h-screen text-center"
  >
    <h1 class="text-8xl">404 Not Found :(</h1>
    <button class="btn btn-primary btn-lg mt-4" @click="() => router.push('/')">
      BACK TO HOME
    </button>
  </main>
</template>

<script setup>
import { useRouter } from 'vue-router';

const router = useRouter();
</script>
